<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        li {
            list-style: none;
        }
        
        .title1 {
            color: red;
        }

        .title2 {
            color: yellow;
        }
        .title3{
            color: blue;
        }
        .title4{
            color: pink;
        }
        .title5{
            color: green;
        }
    </style>
</head>
<body>
    <div>
        <h1>减肥运动排行榜</h1>
        <ul>
            <li>
                <div class="title1">1. 壁球</div>
                <div>每小时消耗热量300卡，可锻炼四肢灵活性、增加加速度能力。但心肺功能较差者不宜。</div>
            </li>
            <li>
                <div class="title2">2. 跳绳</div>
                <div>每小时消耗热量400卡，可改善体态。三十五岁以上的人群跳绳不可过于激烈。</div>
            </li>
            <li>
                <div class="title3">3. 滑旱冰</div>
                <div>每小时消耗热量170卡，可增强全身灵活性和局部力量。</div>
            </li>
            <li>
                <div class="title4">4. 散步</div>
                <div>每小时消耗热量75卡，能改善血液循环、活动关节并有助于减肥。</div>
            </li>
            <li>
                <div class="title5">5. 慢跑</div>
                <div>每小时消耗热量300卡，有益于心肺和血液循环，跑步的路程越长，消耗的热量越大。</div>
            </li>
        </ul>
    </div>
</body>
</html>